<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>滨航集团</title>
    <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<script src="public/js/vue.js"></script>
<script src="public/js/axios.js"></script>

<!-- 引入样式 -->
<!--<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">-->
<link rel="stylesheet" href="public/css/element.css">
<!-- 引入组件库 -->
<!--<script src="https://unpkg.com/element-ui/lib/index.js"></script>-->
<script src="public/js/element.js"></script>


<link rel="stylesheet" href="public/css/swiper-bundle.css">
<script src="public/js/swiper-bundle.js"></script>
<link rel="stylesheet" href="public/css/index.css">
<script>
    // 使用正则表达式检测用户代理字符串来判断是否是手机设备
    var isMobile = /iPhone|iPad|iPod|Android|webOS|BlackBerry|Windows Phone/i.test(navigator.userAgent);

    // 如果是手机设备，执行重定向
    if (isMobile) {
        window.location.href = "/bhwapv2";
    }
</script>
<body style="margin: 0px">


<!--顶部导航-->

<div class="Nav">
    <div class="nav-content">
        <img  loading='lazy' class="tit_img" id="myImage" src="public/images/title.png"/>
        <a style="margin-left: 33px" class="link_a " href="index.html">滨航集团</a>
        <a class="link_a" href="Business.html">业务体系</a>
        <a class="link_a link_adq" href="Customer.html">客户案例</a>
        <a class="link_a" href="Service.html">服务中心</a>
        <a class="link_a" href="Ecological.html">生态联盟</a>
        <a class="link_a" href="About.html">关于滨航</a>
        <img  loading='lazy' class="tit_img_2" src="public/images/phone.png"/>
        <span class="link_span">022-58238822</span>
        <a class="link_but" href="https://bhmhtest.lianghang.cc" target="_blank">免费体验</a>
    </div>
</div>

<!-- 头图-->


<div class="swiper mySwiper">
    <div class="swiper-wrapper">
        <!--        循环层-->
        <div class="swiper-slide">
            <div class="image-container">
                <img  loading='lazy' style="max-width: 100%;height: auto;width: 100%" src="public/images/banner_3.png">
                <div class="centered-text">
                    <div>精选案例</div>
                    <div>携手伙伴、合作共赢</div>
                </div>
            </div>
        </div>

    </div>
    <div class="swiper-pagination"></div>
</div>


<div id="app">

    <div class="body-h">


        <div class="kehu" >
            <div class="public_title">
                <div>客户案例</div>
                <div>Case</div>
            </div>

            <div class="kehu_x_title">
                <div v-for="(item,index) in jsfuList" :class="jsfuIsShow===index?'jsfw_xzys_1':''" @click="Jsfw(index)">
                    {{item}}
                </div>
            </div>

            <div class="kehu-content" v-if="jsfuIsShow===0">
                <div class="kehu_gh">
                    <div>规划项目</div>
                    <div>
                        <div class="ghjs" @click="IsGH(0)"><div :style="{'background':isShow===0?'#2C51A2':''}"></div><div :style="{'color':isShow===0?'#2C51A2':''}">山东省青岛市天鹅明悦水上通用机场建设项目场址论证</div></div>
                        <div class="ghjs" @click="IsGH(1)"><div :style="{'background':isShow===1?'#2C51A2':''}"></div><div :style="{'color':isShow===1?'#2C51A2':''}">江西省赣州市全南鼎龙通航机场选址和可研阶段设计</div></div>
                        <div class="ghjs" @click="IsGH(2)"><div :style="{'background':isShow===2?'#2C51A2':''}"></div><div :style="{'color':isShow===2?'#2C51A2':''}">新疆阿勒泰地区布尔津通用机场选址</div></div>
                        <div class="ghjs" @click="IsGH(3)"><div :style="{'background':isShow===3?'#2C51A2':''}"></div><div :style="{'color':isShow===3?'#2C51A2':''}">山东省潍坊新机场总体规划阶段噪声相容性规划</div></div>
                    </div>
                </div>
                <div v-if="isShow===0"><img  loading='lazy' style="width: 580px;height: 360px" src="public/kehu/kehu_gh_1.png" /></div>
                <div v-if="isShow===1"><img  loading='lazy' style="width: 580px;height: 360px" src="public/kehu/kehu_gh_2.png" /></div>
                <div v-if="isShow===2"><img  loading='lazy' style="width: 580px;height: 360px" src="public/kehu/kehu_gh_3.png" /></div>
                <div v-if="isShow===3"><img loading='lazy' style="width: 580px;height: 360px" src="public/kehu/kehu_gh_4.png" /></div>
            </div>

            <div class="kehu-yy" v-if="jsfuIsShow===1">
                <div class="kehu-y-c">
                    <div class="kehu-y-c-left"><img  loading='lazy' src="public/kehu/kehu_zs_1.png" /></div>
                    <div class="kehu-y-c-right" style="margin-left: 80px">
                        <div class="kehu-y-c-right-title">滨航腾云创意园 — 猪八戒网</div>
                        <div class="kehu-y-c-right-content" style="margin-bottom: 20px">2019年6月23日，在天津市政府的领导和发展下，“八戒工厂生态合作伙伴签约仪式”在重庆悦来国际博览中心举行。会议上猪八戒与滨航签订了生态合作协议，标志着双方建立了稳固的战略合作伙伴关系，共同构建“东丽滨航腾云创意园”，打造共享空间、共享经济模式。</div>
                        <div class="kehu-y-c-right-content">创意园针对入孵企业开展一站式全生命周期服务，聚集孵化人才，园区引进优质企业426家，孵化创业企业158家，举办政策宣讲、活动对接200余场，服务企业数量超30000家，实现园区企业税收2100万元。</div>
                    </div>
                </div>
                <div class="kehu-y-c" style="margin-bottom: 0px">
                    <div class="kehu-y-c-right" style="margin-right: 80px">
                        <div class="kehu-y-c-right-title">东丽经开区 — 中免集团项目落地</div>
                        <div class="kehu-y-c-right-content" style="margin-bottom: 20px">为东丽经开区引入“中国免税品（集团）有限责任公司”全资子公司——中免（天津）商贸有限公司。</div>
                        <div class="kehu-y-c-right-content">中国免税品(集团)有限责任公司是唯一经国务院授权，在全国范围内开展免税业务的国有专营公司，对全国免税行业实施统一管理。东丽经开区与中免集团合作落地项目，将填补东丽区免税业务的空白，打造高水平的商业环境和服务水平，提升消费购物体验。</div>
                    </div>
                    <div class="kehu-y-c-left"><img  loading='lazy' src="public/kehu/kehu_zs_2.png" /></div>
                </div>
            </div>

            <div class="kehu-yy" v-if="jsfuIsShow===2">
                <div class="kehu-y-c" >
                    <div class="kehu-y-c-left"><img  loading='lazy' src="public/kehu/kehu_cx_1.png" /></div>
                    <div class="kehu-y-c-right" style="margin-left: 80px">
                        <div class="kehu-y-c-right-title">天津航大天元航空技术有限公司</div>
                        <div class="kehu-y-c-right-content">在东丽区临空商务区孵化天津航大天元航空技术有限公司。该公司主要业务涉及机场规划设计、净空保护研究、飞行程序设计、飞机性能分析、机场容量评估、安全运行评估、四型机场建设、航空软件研发、航空硬件设备等。</div>
                    </div>
                </div>
                <div class="kehu-y-c" >
                    <div class="kehu-y-c-right" style="margin-right: 80px">
                        <div class="kehu-y-c-right-title">两航（天津）数字科技有限公司</div>

                        <div class="kehu-y-c-right-content">在东丽区临空商务区孵化两航（天津）数字科技有限公司。该公司着眼于数字化转型、智能化、网联化产业创新的核心目标，以数字经济、科技创新服务为基础，结合数字孪生、数字伴生、智能决策等新一代信息技术，致力为数字经济产业提供一站式解决方案及技术支撑。</div>
                    </div>
                    <div class="kehu-y-c-left"><img  loading='lazy' src="public/kehu/kehu_cx_2.png" /></div>
                </div>
                <div class="kehu-y-c" style="margin-bottom: 0px">
                    <div class="kehu-y-c-left"><img  loading='lazy' src="public/kehu/kehu_cx_3.png" /></div>
                    <div class="kehu-y-c-right" style="margin-left: 80px">
                        <div class="kehu-y-c-right-title">天津海瀚环保科技有限公司</div>

                        <div class="kehu-y-c-right-content">在东丽区滨航腾云创意园孵化天津海瀚环保科技有限公司。该公司是一家专业从事污水处理项目及废气治理项目的技术集成、工艺设计、投资建设、运营管理和设备制造的高科技环保企业。目前公司拥有高频磁力氧化污水深度处理及回用技术、高能离子除臭技术以及EM菌全流程脱氮除磷技术，并已成功应用到环境保护中各个领域中。</div>
                    </div>

                </div>
            </div>

            <div class="kehu-yy" v-if="jsfuIsShow===3">
                <div class="kehu-y-c" style="justify-content: space-between">
                    <div class="kehu-y-c-right" style="margin-right: 50px">
                        <div class="kehu-y-c-right-title">江苏屋企建筑装饰工程有限公司</div>
                        <div class="kehu-y-c-right-title-f">服务项目</div>
                        <div class="kehu-y-c-right-content" >工商服务、税务咨询</div>
                        <div class="kehu-y-c-right-content" >建筑工程施工总承包资质、</div>
                        <div class="kehu-y-c-right-content" >市政公用工程施工总承包资质</div>
                    </div>
                    <div class="kehu-y-c-left"><img loading='lazy' src="public/kehu/kehu_sw_1.png" /></div>
                </div>
            </div>

            <div class="kehu-yy" v-if="jsfuIsShow===4">
                <div class="kehu-y-c">
                    <div class="kehu-y-c-left"><img loading='lazy' src="public/kehu/kehu_zz_1.png" /></div>
                    <div class="kehu-y-c-right" style="margin-left: 50px">
                        <div class="kehu-y-c-right-title">天津津福航建筑工程有限公司</div>
                         <div class="kehu-y-c-right-title-f">服务项目</div>
                        <div class="kehu-y-c-right-content" >建筑工程施工总承包三级、市政公用工程施工总承包三级、机电工程施工总承包三级、防水防腐保温工程专业承包二级、模板脚手架专业承包资质、地基基础工程专业承包三级、消防设施工程专业承包二级、环保工程专业承包三级、建筑幕墙工程专业承包二级、 施工劳务资质等多项资质</div>
                    </div>
                </div>

                <div class="kehu-y-c">
                    <div class="kehu-y-c-left"><img loading='lazy' src="public/kehu/kehu_zz_2.png" /></div>
                    <div class="kehu-y-c-right" style="margin-left: 50px">
                        <div class="kehu-y-c-right-title">天津博优智能科技有限公司</div>
                        <div class="kehu-y-c-right-title-f">服务项目</div>
                        <div class="kehu-y-c-right-content" style="line-height: 48px">国家科技型企业、天津市雏鹰企业、国家高新技术企业、灵活用工</div>
                    </div>
                </div>
            </div>

            <div class="kehu-content" v-if="jsfuIsShow===5">
                <div class="kehu-qh">
                    <img loading='lazy' src="public/kehu/kehu_qh_1.png" />
                    <div class="kehu-qi-title">高新技术产业&专精特新四步走政策培训会</div>
                </div>
                <div class="kehu-qh">
                    <img loading='lazy' src="public/kehu/kehu_qh_2.png" />
                    <div class="kehu-qi-title">中小企业税务风险防范培训会</div>
                </div>
                <div class="kehu-qh">
                    <img loading='lazy' src="public/kehu/kehu_qh_3.png" />
                    <div class="kehu-qi-title">企业排污许可事项专题培训会</div>
                </div>
                <div class="kehu-qh">
                    <img loading='lazy' src="public/kehu/kehu_qh_4.png" />
                    <div class="kehu-qi-title">企业安全警示宣讲会</div>
                </div>
            </div>

            <div class="kehu-yy" v-if="jsfuIsShow===6">
                <div class="kehu-y-c" >
                    <div class="kehu-y-c-left"><img loading='lazy' src="public/kehu/kehu_sz_1.png" /></div>
                    <div class="kehu-y-c-right" style="margin-left: 80px">
                        <div class="kehu-y-c-right-title">东丽经开区城市会客厅-数字展陈</div>
                        <div class="kehu-y-c-right-content">在东丽区临空商务区孵化天津航大天元航空技术有限公司。该公司主要业务涉及机场规划设计、净空保护研究、飞行程序设计、飞机性能分析、机场容量评估、安全运行评估、四型机场建设、航空软件研发、航空硬件设备等。</div>
                    </div>

                </div>

                <div class="kehu-y-c" >
                    <div class="kehu-y-c-right" style="margin-right: 80px">
                        <div class="kehu-y-c-right-title">天津市应急局智能安全管理平台-平台开发</div>

                        <div class="kehu-y-c-right-content">天津市应急局智能安全管理平台基于大数据、物联网、人工智能等技术手段与传统企业安全生产、运营管控有机融合，实时在线监控人员安全、精准感知设备状态等功能。整体提升园区安全生产过程标准化、作业规范化。优化园区安全风险管控、人员绩效管理、设备运行效率、工艺技术。</div>
                    </div>
                    <div class="kehu-y-c-left"><img loading='lazy' src="public/kehu/kehu_sz_2.png" /></div>
                </div>

                <div class="kehu-y-c" style="margin-bottom: 0px">
                    <div class="kehu-y-c-left"><img loading='lazy' src="public/kehu/kehu_sz_3.png" /></div>
                    <div class="kehu-y-c-right" style="margin-left: 80px">
                        <div class="kehu-y-c-right-title">河东技术创新中心数字展厅-智慧展厅</div>

                        <div class="kehu-y-c-right-content">河东技术创新中心数字展厅是滨航集团打造的数字化“城市会客厅”，从策划、设计、实施全过程一体化建设的数字科技展厅，通过数字投影、互动体感、虚拟仿真等高技术设备，深度演绎内容层次，极大地提高展厅的视觉效果，提高信息的传递效率，实现品牌形象化、场景化、互动化的多元呈现。</div>
                    </div>

                </div>
            </div>

            <div class="kehu-content" v-if="jsfuIsShow===7">
                <div class="kehu-qh">
                    <img loading='lazy' src="public/kehu/kehu_lm_1.png" />
                    <div class="kehu-qi-title">航空航天联盟职称评价工作座谈会</div>
                </div>
                <div class="kehu-qh">
                    <img loading='lazy' src="public/kehu/kehu_lm_3.png" />
                    <div class="kehu-qi-title">航空航天联盟高层次人才沙龙活动</div>
                </div>
				<div class="kehu-qh">
				    <img loading='lazy' src="public/kehu/kehu_lm_2.png" />
				    <div class="kehu-qi-title">航空航天联盟高级研修班</div>
				</div>
                <div class="kehu-qh">
                    <img loading='lazy' src="public/kehu/kehu_lm_4.png" />
                    <div class="kehu-qi-title">航空航天联盟企业专场服务对接会</div>
                </div>
            </div>

        </div>


        <!--        footer-from-->
        <div class="footer-from" style="margin-top: 80px">
            <div class="footer-from-title">请专业顾问为您解答或演示</div>
            <div class="footer-from-title-fu">留下姓名和联系方式, 会有专业工作人员免费为您服务</div>
            <div class="footer-from-content" style="margin-top: 58px">
                <div class="footer-from-name">
                    <div>姓名:</div>
                    <input v-model="footForm.name" style="width: 120px;color: rgba(255,255,255,0.8);"/></div>
                <div class="footer-from-phone" style="margin-left: 12px;margin-right: 16px">
                    <div>联系方式:</div>
                    <input v-model="footForm.phome" style="width: 220px;color: rgba(255,255,255,0.8);"/></div>
                <div class="footer-from-but" @click="FootFn">立即咨询</div>
            </div>
        </div>

        <!--        footer-->
        <div class="footer">
            <div class="footer-cont">
                <div class="footer-cont-top">
                    <div class="footer-cont-cp">
                        <div class="footer-title" style="margin-bottom: 12px">服务与产品</div>
                        <div class="footer-cont-x-title">
                            <a href="Business.html#scope-gsfw">工商服务</a>
                            <a href="Business.html#ft=1">数字展陈</a>
                            <a href="Business.html#scope-zscq">知识产权</a>
                            <a href="Business.html#ft=2">平台开发</a>
                            <a href="Business.html#scope-zzrz">资质认证</a>
                            <a href="Business.html#ft=3">园区运营</a>
                            <a href="Business.html#ft=6">税务服务</a>
                            <a href="Business.html#ft=4">人才服务</a>
                            <a href="Business.html#ft=7">会计服务</a>
                            <a href="Business.html#ft=5">联盟运营</a>
                        </div>
                    </div>

                    <div class="footer-cont-gy">
                        <div class="footer-title" style="margin-bottom: 12px">关于滨航</div>
                        <div class="footer-cont-gy-title">
                            <a href="About.html#social-responsibility_1">企业简介</a>
                            <a href="About.html#social-responsibility_2">创业历程</a>
                            <a href="About.html#social-responsibility_3">社会责任</a>
                            <a href="About.html#social-responsibility_4">荣誉资质</a>
                        </div>
                    </div>

                    <div class="footer-cont-lx">
                        <div class="footer-title" style="margin-bottom: 12px">联系我们</div>
                        <div class="footer-cont-lx-c">
                            <div>市场部: 022-58238822</div>
                            <div>总部地址: 天津市东丽区外环东路3699号滨航腾云创意园</div>
                        </div>
                    </div>

                    <div style="margin-left: 272px">
                        <img loading='lazy' src="public/images/bhjt.png" />
                    </div>
                </div>
                <div class="footer-hx"></div>
                <div class="footer-cont-dow">
                    <div>
                        <div>隐私条款</div>
                        <div>服务条款</div>
                    </div>
                    <div>
                        <div>滨航企业管理(天津)集团有限公司</div>
                        <div>津ICP备19009508号-1</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<script>

    // 获取图片元素
    var image = document.getElementById("myImage");

    // 添加点击事件监听器
    image.addEventListener("click", function() {
        // 导航到首页的URL，你需要将此URL替换为你的实际首页URL
        window.location.href = "index.html";
    });

    var swiper = new Swiper(".mySwiper", {
        // loop: true,
        // autoplay: {
        //     delay: 3000,
        //     disableOnInteraction: false,
        // },
        pagination: {
            el: ".swiper-pagination",
        },
    });

    // 在DOM加载完成后执行
    document.addEventListener('DOMContentLoaded', function() {
        // 获取图片元素
        var titleImage = document.querySelector('.tit_img');
        var titleImage_1 = document.querySelector('.tit_img_2');

        // 创建新的Image对象并设置图像的src属性以提前加载
        var preloadedImage = new Image();
        preloadedImage.src = 'public/images/title_1.png';

        var preloadedImage1 = new Image();
        preloadedImage1.src = 'public/images/phone_1.png';

        // 添加滚动事件监听器
        window.addEventListener('scroll', function () {
            var navElement = document.querySelector('.Nav');
            var navContentElement = document.querySelector('.nav-content');

            if (window.scrollY > 0) {
                navElement.classList.add('scrolled');
                navContentElement.classList.add('scrolled-content');

                // 更改图片链接为已预加载的图像
                if (titleImage) {
                    titleImage.src = preloadedImage.src;
                }

                if (titleImage_1) {
                    titleImage_1.src = preloadedImage1.src;
                }
            } else {
                navElement.classList.remove('scrolled');
                navContentElement.classList.remove('scrolled-content');

                // 恢复图片链接为默认图像
                if (titleImage) {
                    titleImage.src = 'public/images/title.png';
                }
                if (titleImage_1) {
                    titleImage_1.src = 'public/images/phone.png';
                }
            }
        });
    });

    var vm = new Vue({
        el: '#app',
        data: {
            jsfuIsShow: 0,
            jsfuList: ['规划建设', '招商运营', '创新孵化', '税务服务', '资质服务', '惠企讲堂', '数智赋能','联盟运营'],
            footForm: {
                name: '',
                phome: ''
            },
            isShow:0,
            apiurl : 'https://xcglapi.tjbinhang.cn'
        },
        created() {

        },
        methods: {
            Jsfw(id) {
                this.jsfuIsShow = id
            },
            xfdj(id) {
                this.xfIsShow = id
            },
            FootFn(){
                if (this.footForm.name.trim() && this.footForm.phome.trim()){
                    axios.post(this.apiurl+'/api/v1/website/create',{phone:this.footForm.phome.trim(),username:this.footForm.name.trim()}).then(res=>{
                        if (res.data.code === 200){
                            this.$message({
                                showClose: true,
                                message: '提交成功',
                                type: 'success',
                            });
                        }else{
                            this.$message({
                                showClose: true,
                                message: res.data.msg,
                                type: 'error',
                            });
                        }
                    })
                }else{
                    this.$message({
                        showClose: true,
                        message: '请填写用户名或手机号',
                        type: 'error',
                    });
                }
            },
            IsGH(val){
                this.isShow = val
            }

        }
    })
</script>
</body>
</html>
